<template>
<div class="AUTHOR">
    <div class="author-message">
        <el-avatar :src="src" class="author-img"></el-avatar>
        <div>
            <span>{{userId}}</span><br>
            <span>{{userId}}</span>
        </div>
    </div>
</div>
</template>

<script>
export default {
  data () {
    return {
      src: require('@/assets/images/Main/Me/user.jpg'),
      userId: '卢大佐'
    }
  }
}
</script>

<style lang='scss'>
.AUTHOR {
  font-family: 微软雅黑;
  .author-message{
    width: 50%;
    .author-img {
        margin: 15px 10px 0;
    }
    div {
        // float: left;
        margin-top: 10px;
        margin-left: 30px;
        span {
            font-weight: bold;
            font-size: 14px;
        }
    }
  }
}
</style>
